<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title></title>
    <!--<script type="text/javascript" src="/javascripts/jquery-1.11.2.min.js"></script>-->
<!--    <script type="text/javascript" src="/javascripts/easyui/jquery.easyui.min.js"></script>
    <script type="text/javascript" src="/javascripts/easyui/locale/easyui-lang-zh_CN.js"></script>-->
    <style>
        body{
            background: url("/image/admin/bg2.jpg");
        }
        .loginTop{
            height: 125px;
            background: url("/image/admin/loginbg.jpg");
            background-size: cover;
            border-top-left-radius: 7px;
            border-top-right-radius: 7px;
        }
        .loginWrapper{
            width: 450px;

            position: absolute;left:50%;top:50%;
            margin-left:-220px;margin-top:-200px;
        }
        form{
            border: 1px solid #999;
            border-bottom-left-radius: 7px;
            border-bottom-right-radius: 7px;
            box-shadow: 1px 2px 5px  #ccc;
            display: block;
            padding:30px ;
            background: #f3f3f3;
        }
        .loginText{
            display: block;
            width:100%;
            box-sizing: border-box;
            -moz-box-sizing: border-box;
            -webkit-box-sizing: border-box;
            border: 1px solid #ccc;
            border-radius: 3px;
            padding:12px;
            background: #fff;
            background-size: contain;
            background-position: right center;
            background-repeat: no-repeat;
            background-origin: content-box;
        }
        .loginbtn{
            float:right;
            padding:0.6em 1em;
            background: url("/image/admin/btn-bg.png");
            background-size: 100% 100%;
            border:0;
        }
        .loginbtn:hover{
            cursor: pointer;
        }
        .loginbtn:active{
            opacity: 0.85;
        }
    </style>
</head>
<body>
<div class="loginWrapper">
    <div class="loginTop"></div>

    <form id="loginForm" action="/admin/login" method="post" style="border-top:0;padding-bottom: 50px;">
        <input type="text" class="loginText" name="username" placeholder="用户名/手机号" required style="background-image: url('/image/admin/user.jpg');margin-bottom: 30px;" />
        <input type="password" name="password" class="loginText" required placeholder="密码" style="background-image: url('/image/admin/pwd.jpg');margin-bottom: 25px;"/>
        <span style="color: #ff0000;font-size: 12px"><%=msg%></span>
        <input type="submit" class="loginbtn" value="登 录"/>
    </form>
</div>
<script>
    /*$.ready(function(){
        $('.loginbtn').click(function(){
            $('#loginForm').form('submit',{
                onSubmit:function(){
                    return $(this).form('validate');
                },
                success:function(data){

                }
            })
        })
    })*/
</script>
</body>
</html>